<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta http-equiv="X-UA-Compatible" content="ie=edge">


    <link rel="stylesheet" href="/static/home2/css/main.css">

    <link rel="stylesheet" type="text/css" href="/static/home2/css/swiper-3.4.2.min.css">

    <link rel="stylesheet" type="text/css" href="/static/home2/css/zoom.css">

    <link rel="stylesheet" type="text/css" href="/static/home2/css/alert.css">
 
    <style type="text/css">

        @font-face {

            font-family: "YourFont";

            src: url(/static/home2/img/DINMittelschrift.otf);

        }

        @font-face {

            font-family: "YourFont1";

            src: url(/static/home2/img/343DD8_0_0.woff2.ttf);

        }

        @font-face {

            font-family: "YourFont2";

            src: url(/static/home2/img/DINMittelschrift-Alternate.otf);

        }

        .customfont {

            font-family: "YourFont", Helvetica, Arial;

        }

        .customfont1{

            font-family: "YourFont1", Helvetica, Arial;

        }

        .customfont2{

            font-family: "YourFont2", Helvetica, Arial;

        }

        .swiper-pagination-bullet{background: #FFFFFF;}

    </style>

</head>

<body>

  

    {include file="public/header" /}

    <div class="header">





            {$data_kp.content}







    </div>





    {include file="public/foot"}

    <script type="text/javascript" src="/static/home2/js/zoom.min.js"></script>

    <script>

        function golist() {

            window.location.href="/index.php/jdhome/index";

        }

        $(".xtu1").click(function(){

            $(".dtu1").addClass("xianshi")

            $(".dtu1").siblings().removeClass("xianshi")

        })

        $(".xtu2").click(function(){

            $(".dtu2").addClass("xianshi")

            $(".dtu2").siblings().removeClass("xianshi")

        })

        $(".xtu3").click(function(){

            $(".dtu3").addClass("xianshi")

            $(".dtu3").siblings().removeClass("xianshi")

        })

        $(".xtu4").click(function(){

            $(".dtu4").addClass("xianshi")

            $(".dtu4").siblings().removeClass("xianshi")

        })

    </script>

    <script>

        var mySwiper = new Swiper ('.lbt1', {

            direction: 'horizontal',

            noSwiping : true,

            loop: true,

            speed:1000,

            autoplay : {delay:3000},

            pagination: {el: '.xyd1',},

            navigation: {prevEl: '.lft1',nextEl: '.rit1',}

        })



    </script>

    <script type="text/javascript">

        (function ($) {

            $.fn.myPlugin = function () {

                var $lis = $(this).children(".gallery").children("ul").children("li")

                var w1 = 0

                $lis.each(function(){

                    w1 += $(this).width()+10;



                });

                console.log(w1)

                if(w1>460){

                    $(this).children(".gallery").children("ul").children(".youjtb").css("display","block")

                    $(this).children(".gallery").children("ul").children(".youjtb").click(function(){



                        $(this).parent("ul").css("margin-left",-(w1-470)+"px")

                        $(this).css("display","none")

                        $(this).siblings(".zuojtb").css("display","block")

                    })

                    $(this).children(".gallery").children("ul").children(".zuojtb").click(function(){

                        $(this).parent("ul").css("margin-left",0+"px")

                        $(this).css("display","none")

                        $(this).siblings(".youjtb").css("display","block")

                    })

                    console.log(111)

                }

            };

        })(jQuery);



        $(".pinlun-nr-r-b").each(function(){

            $(this).myPlugin()

        });

        $(".pinlun-2 li").click(function(){

            console.log(111)

            var Y1 = $(this).position().left;

            console.log(Y1)

            $(".plxhx").css("left",Y1+90+'px');

        });

    </script>

    </html>